<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>个人在线简历</title>
  <link rel="stylesheet" href="assets/style/style.css">
</head>
<style media="print">
  /* 打印时样式 */
  body {
    background: #eee;
    margin: 0;
  }
</style>
<body>
<article>
  <section class="bio">
    <h1>AlierQ</h1>
    <div class="img">
      <img src="./assets/images/avatar.png" alt="">
    </div>
    <p>男 &nbsp;|&nbsp; 20岁 &nbsp;|&nbsp; 汉族 &nbsp;|&nbsp; 中共党员 &nbsp;|&nbsp; 前端工程师 </p>
    <p>
      <span class="icon top-icon">
        <svg class="iconpark-icon"><use href="#phone-call"></use></svg>
      </span>
      <a href="tel:13191818522" style="border: none;color: white">131XXXXXXXX</a>&nbsp;|&nbsp;
      <span class="icon top-icon">
        <svg class="iconpark-icon"><use href="#wechat"></use></svg></span>
      xxccze &nbsp;|&nbsp;
      <span class="icon top-icon">
        <svg class="iconpark-icon"><use href="#at-sign"></use></svg>
      </span>
      <a href="mailto:1029369938@qq.com" style="border: none;color: white">1029369938@qq.com</a>
    </p>
  </section>
  <section class="education">
    <h2>
      <span class="icon content-icon">
        <svg class="iconpark-icon"><use href="#school"></use></svg>
      </span>
      教育经历
    </h2>
    <p>
      <span>
        <time>20XX.XX</time>~<time>20XX.XX</time>
      </span>
      <span>XXXXXXX大学</span>
      <span>计算机科学与技术</span>
      <span>大学本科</span>
    </p>
  </section>
  <section class="projects">
    <h2>
      <span class="icon content-icon">
        <svg class="iconpark-icon"><use href="#application-one"></use></svg>
      </span>
      项目经历
    </h2>
    <ol>
      <li>
        <header>
          <h3>XXXX</h3>
          <span> <a href="#">源码链接</a>&nbsp;&nbsp;<a href="#">项目预览</a> </span>
        </header>
        <p> 一款基于 <strong>XXXX</strong> / <strong>XXXXX</strong> / <strong>XXXX</strong> 的 XXXXX。 </p>
        <p> 主要XXXXXXXXXXXXX、XXXXXXX、<strong>XXXXX</strong>、XXXXXXX等。 </p>
        <p> 有效提高前端团队的开发效率。 </p>
        <p> 制作过程让我对 XXXXXXX 和 XXXXXXX 有了新的认识。 XXXXXXXXXX</p>
      </li>
      <li>
        <header>
          <h3>XXXX</h3>
          <span> <a href="#">源码链接</a>&nbsp;&nbsp;<a href="#">项目预览</a> </span>
        </header>
        <p> 一款基于 <strong>XXXX</strong> / <strong>XXXXX</strong> / <strong>XXXX</strong> 的 XXXXX。 </p>
        <p> 主要XXXXXXXXXXXXX、XXXXXXX、<strong>XXXXX</strong>、XXXXXXX等。 </p>
        <p> 有效提高前端团队的开发效率。 </p>
        <p> 制作过程让我对 XXXXXXX 和 XXXXXXX 有了新的认识。 XXXXXXXXXX</p>
      </li>
      <li>
        <header>
          <h3>XXXX</h3>
          <span> <a href="#">源码链接</a>&nbsp;&nbsp;<a href="#">项目预览</a> </span>
        </header>
        <p> 一款基于 <strong>XXXX</strong> / <strong>XXXXX</strong> / <strong>XXXX</strong> 的 XXXXX。 </p>
        <p> 主要XXXXXXXXXXXXX、XXXXXXX、<strong>XXXXX</strong>、XXXXXXX等。 </p>
        <p> 有效提高前端团队的开发效率。 </p>
        <p> 制作过程让我对 XXXXXXX 和 XXXXXXX 有了新的认识。 XXXXXXXXXX</p>
      </li>
    </ol>
  </section>
  <!-- style="page-break-after:always;" 作用是分页打印 -->
  <section class="openSource" style="page-break-after:always;">
    <h2>
      <span class="icon content-icon">
        <svg class="iconpark-icon"><use href="#github-one"></use></svg>
      </span>
      开源项目
    </h2>
    <ul>
      <li>
        <header>
          <h3>XXXXX</h3>
          <a href="#">源码链接</a>
        </header>
        <p>实现了XXXXX、XXXXXX、<strong>XXXXXX</strong>、XXXXXX等功能</p>
      </li>
      <li class="page2">
        <header>
          <h3>XXXXXX</h3>
          <span>
            <a href="#">源码链接</a>&nbsp;&nbsp;<a href="#">项目预览</a>
          </span>
        </header>
        <p>这是在学习 <strong>XXXXX</strong> 时制作的作品</p></li>
      <li>
        <header>
          <h3>XXXXX</h3>
          <span>
            <a href="#">源码链接</a>&nbsp&nbsp<a href="#">项目预览</a>
          </span>
        </header>
        <p>这是在学习 <strong>XXXXX</strong> 时制作的作品</p>
      </li>
      <li>
        <header>
          <h3>XXXXX</h3>
          <span>
            <a href="#">源码链接</a>&nbsp&nbsp<a href="#">项目预览</a>
          </span>
        </header>
        <p>这是在学习 <strong>XXXXX</strong> 时制作的作品</p>
      </li>
    </ul>
  </section>

  <section class="skills">
    <h2>
      <span class="icon content-icon">
        <svg class="iconpark-icon"><use href="#modify"></use></svg>
      </span>
      技能特长
    </h2>
    <div class="wrapper">
      <div id="skills-echarts"></div>
      <ul>
        <li>
          <span class="icon point-icon" style="margin-right: 5px;">
            <svg class="iconpark-icon"><use href="#hexagon-strip"></use></svg>
          </span>
          熟悉页面制作技巧，能将设计稿<strong>完美还原</strong>
        </li>
        <li>
          <span class="icon point-icon" style="margin-right: 5px;">
            <svg class="iconpark-icon"><use href="#hexagon-strip"></use></svg>
          </span>
          熟悉<strong>XXXXX</strong>技术，包括 XXXXX、XXXXX、XXXXX、XXXXX、XXXXX 等
        </li>
        <li>
          <span class="icon point-icon" style="margin-right: 5px;">
            <svg class="iconpark-icon"><use href="#hexagon-strip"></use></svg>
          </span>
          熟练掌握 <strong>XXXXX</strong>的使用，包括 XXXXX、XXXXX、XXXXX 等
        </li>
        <li>
          <span class="icon point-icon" style="margin-right: 5px;">
            <svg class="iconpark-icon"><use href="#hexagon-strip"></use></svg>
          </span>
          熟练掌握 XXXXX 的使用，包括 XXXXX、XXXXX、XXXXX 等
        </li>
        <li>
          <span class="icon point-icon" style="margin-right: 5px;">
            <svg class="iconpark-icon"><use href="#hexagon-strip"></use></svg>
          </span>
          熟悉 XXXXX，包括 XXXXX / XXXXX / XXXXX / XXXXX
        </li>
        <li>
          <span class="icon point-icon" style="margin-right: 5px;">
            <svg class="iconpark-icon"><use href="#hexagon-strip"></use></svg>
          </span>
          了解 <strong>XXXXX</strong> 的使用
        </li>
      </ul>
    </div>
    <div class="wrapper">
      <ul>
        <li>
          <span class="icon point-icon" style="margin-right: 5px;">
            <svg class="iconpark-icon"><use href="#hexagon-strip"></use></svg>
          </span>
          熟悉页面制作技巧，能将设计稿<strong>完美还原</strong>
        </li>
        <li>
          <span class="icon point-icon" style="margin-right: 5px;">
            <svg class="iconpark-icon"><use href="#hexagon-strip"></use></svg>
          </span>
          熟悉<strong>XXXXX</strong>技术，包括 XXXXX、XXXXX、XXXXX、XXXXX、XXXXX 等
        </li>
        <li>
          <span class="icon point-icon" style="margin-right: 5px;">
            <svg class="iconpark-icon"><use href="#hexagon-strip"></use></svg>
          </span>
          熟练掌握 <strong>XXXXX</strong>的使用，包括 XXXXX、XXXXX、XXXXX 等
        </li>
      </ul>
    </div>
  </section>
  <section class="jobs">
    <h2>
      <span class="icon content-icon">
        <svg class="iconpark-icon"><use href="#handbag"></use></svg>
      </span>
      工作经历
    </h2>
    <ol>
      <li>
        <header>
          <div>
            <h3> XXXXX </h3>
            <span>前端开发工程师</span>
          </div>
          <span><time>20XX年XX月</time>~<time>20XX年XX月</time></span>
        </header>
        <ul>
          <li> 独立负责XXXXX <strong>XXXXX</strong> 开发和前端开发工作</li>
          <li> 负责团队XXXXX、XXXXX、XXXXX，XXXXX<strong>XXXXX</strong></li>
        </ul>
      </li>
      <li>
        <header>
          <div>
            <h3> XXXXX </h3>
            <span>前端开发工程师</span>
          </div>
          <span><time>20XX年XX月</time>~<time>20XX年XX月</time></span>
        </header>
        <ul>
          <li> 独立负责XXXXX <strong>XXXXX</strong> 开发和前端开发工作</li>
          <li> 负责团队XXXXX、XXXXX、XXXXX，XXXXX<strong>XXXXX</strong></li>
        </ul>
      </li>
    </ol>
  </section>
  <section class="others">
    <h2>
      <span class="icon content-icon">
        <svg class="iconpark-icon"><use href="#link"></use></svg>
      </span>
      其他链接
    </h2>
    <ul>
      <li>
        <header>
          <h3>
            AlierQ's Blog
          </h3>
          <span><a href="https://alierq.space/">个人博客地址</a></span>
        </header>
        <p>个人博客，用于记录日常工作中遇到的问题、学习中获得的心得体会。</p>
        <p>博客目前已有 <strong> 29 篇技术文章</strong></p>
      </li>
      <li>
        <header>
          <h3>
            Github
          </h3>
          <span><a href="https://github.com/AlierQ">Github主页</a></span>
        </header>
        <p>个人仓库，用来托管个人代码，平时做的Demo和项目都会放在上面。</p>
        <p>在过去三个月共有 <strong> 400+ 次提交</strong></p>
      </li>
    </ul>
  </section>

</article>
</body>
<script src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/svg_17048_11.4c728f3586e43743f34a74f57642aba4.js"></script>
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/echarts/5.3.0/echarts.min.js"
        type="application/javascript"></script>
<script src="main.js"></script>
</html>